<template>
  <div>
    <component :is="$store.getters['currentNavs'][$route.name]"></component>
  </div>
</template>

<script>
const circleLog = () => import( /* webpackChunkName: "friendCircle" */ '@/components/friendCircle/FriendCircleLog.vue')
const circleMy = () => import( /* webpackChunkName: "friendCircle" */ '@/components/friendCircle/FriendCircleMy.vue')
const circleSend = () => import( /* webpackChunkName: "friendCircle" */ '@/components/friendCircle/FriendCircleSend.vue')

export default {
  data() {
    return {
    }
  },
  components: {
    circleLog,
    circleMy,
    circleSend
  }

}
</script>

<style lang="scss" scoped>
</style>
